<template>
  <div>
    <ebdmn-toolbar-layout>
      <template #left></template>
      <template #right>
        <el-button>查询</el-button>
      </template>
    </ebdmn-toolbar-layout>
    <ebdmn-layout>
      <el-table
          :data="tableData"
          style="width: 100%"
          row-key="id"
          border
          lazy
          :load="loadNode"
          :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
      >
        <el-table-column type="selection" align="" label="#" width="50px" />
        <el-table-column type="index" prop="index" label="序号" width="50px" />
        <el-table-column prop="name" label="模块名称" width="200px" />
        <el-table-column prop="href" label="模块路径" min-width="180px" />
        <el-table-column prop="node_icon" label="图标" width="100px" />
        <el-table-column prop="display" label="是否显示" width="75px" />
        <el-table-column prop="dis_order" label="排序" width="75px" />
        <el-table-column prop="marker" label="备注" width="75px" />
      </el-table>
    </ebdmn-layout>
  </div>
</template>

<script>
import { EbdmnToolbarLayout } from '@components/EbdmnToolbar/index.js'
import EbdmnLayout from '@components/EbdmnLayout/index.vue'
export default {
  name: 'EbdmnBasicModulesList',
  components: {
    EbdmnToolbarLayout,
    EbdmnLayout
  },
  props: {
    execQuery: {
      type: Boolean,
      default: false
    }
  },
  emits: { 'showForm': null },
  data() {
    return {
      // 列表查询字段信息
      findForm: {
        params: {
        }
      },
      tableData: [],
      // loading控制器
      loadingControl: {
      }
    }
  },
  created() {
  },
  methods: {
    addData() {
      this.$emit('showForm', 'add')
    },
    rowClick(row) {
      console.info(row)
    },
    loadNode(row, treeNode, resolve) {
      setTimeout(() => {
        resolve([])
      }, 1000)
    },
  }
}
</script>

<style scoped>

</style>